;(function (name) {
    window.components = window.components || {}
    window.components[name] = {
        name,
        props: {
            size: {
                type: Number,
                default: 0.4
            }
        },
        data() {
            return {
                text: '组件'
            }
        },
        computed: {
            left() {
                return this.size * 100 + '%'
            },
            right() {
                return (1 - this.size) * 100 + '%'
            }
        },
        template: `
<div class="spliter d-flex" style="gap:16px;" >
    <div :style="{width: left}">
        <slot name="left"></slot>
    </div>
    <div :style="{width: right}">
        <slot name="right"></slot>
    </div>
</div>
`
    }
})('Spliter')
